<include file="Public:header" />
<script type="text/javascript" src="__JSURL__/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__JSURL__/jquery.jqprint-0.3.js"></script>
<style type="text/css">
    div.search {
        margin-left:30px;
    }
    input.button {
        margin-bottom:10px;
    }
    strong {
        position: relative;
        bottom:5px;
    }
    table caption{
        font-size:20px;
        margin-bottom:15px;
        font-weight:bold;
    }
    .confirm {
        float:right;
        margin:20px 50px 0 0;
    }
    a.all {
        float:right;
        margin:0 45px 0 20px;
    }
</style>
<div class="alert alert-info">
    本单位就餐表
</div>
<div class="search">
<form action="">
    <strong>按就餐日期：</strong>
    <div class="input-append date" id="datetimepicker">
        <input type="text" name="date" readonly value="{$Think.get.date}"/>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    <input type="submit" value="搜　索" class="btn btn-primary button"/>
</form>
</div>
<table class="table" id="print" style="border: 1px solid #ccc;">
    <caption style="font-size:20px;margin-bottom:15px;font-weight:bold;">xx食堂 {$date} 本单位就餐人员表</caption>
    <tr>
        <th style="border: 1px solid #ccc;">就餐分类</th>
        <th style="border: 1px solid #ccc;">就餐人数</th>
        <th style="border: 1px solid #ccc;">就餐金额</th>
    </tr>
    <volist name="data" id="val">
        <tr>
            <td style="border: 1px solid #ccc;">{$val.type}</td>
            <td style="border: 1px solid #ccc;">{$val.number}</td>
            <td style="border: 1px solid #ccc;">{$nativePay * $val.number} 元</td>
        </tr>
    </volist>
    <tr>
        <td colspan="3" style="font-weight:bold;"> 本日用餐人数：{$numberCount} 人次
            &nbsp;&nbsp;&nbsp;饭堂应得费用：{$numberCount * $nativePay} 元
            &nbsp;&nbsp;&nbsp;人均就餐费用：{$nativePay} 元<br />
            当天出库金额 {$outCount} 元
        </td>
    </tr>
</table>
<div class="pagination">
    {$page}
</div>
<script type="text/javascript">
    $('#datetimepicker').datetimepicker({
        format: 'yyyy-MM-dd',
        language: 'zh',
        pickDate: true,
        pickTime: true,
        hourStep: 1,
        minuteStep: 15,
        secondStep: 30,
        inputMask: true
    });
</script>
</body>
</html>